<div class="modal-content">
    <div class="modal-header">
        <h3></h3>
        <span class="close">&times;</span>
    </div>
    <div class="modal-body">
        <form id="course-form" enctype="multipart/form-data">
            <input type="hidden" id="course-id" name="id">
            
            <!-- 所属阶段 -->
            <div class="form-group">
                <label for="course-csid">所属阶段:</label>
                <input type="text" id="course-stage-title" disabled class="form-control">
                <input type="hidden" id="course-csid" name="csid">
            </div>

            <!-- 课程名称 -->
            <div class="form-group">
                <label for="course-title">课程名称:</label>
                <input type="text" id="course-title" name="title" required class="form-control" placeholder="请输入课程名称">
            </div>

            <!-- 简介 -->
            <div class="form-group">
                <label for="course-synopsis">简介:</label>
                <textarea id="course-synopsis" name="synopsis" rows="4" class="form-control" placeholder="请输入课程简介"></textarea>
            </div>

            <!-- 封面图片 -->
            <div class="form-group">
                <label for="course-cover">封面图片:</label>
                <input type="file" id="course-cover" name="cover" accept="image/*" class="form-control-file">
                <div class="file-preview" id="course-cover-preview"></div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn" id="cancel-course">取消</button>
        <button type="submit" class="btn primary" form="course-form"></button>
    </div>
</div>